.gameBack {
  width: 100vw;
  justify-content: center;
  grid-template-rows: 1fr auto 1fr;
  align-items: center;
  min-height: 100vh;
  /* 背景渐变色 - 原理2 */
  background: linear-gradient(-45deg, #b09ee9, #87bdd1, #a6d0ed, #b2a6e8,
      #c4b7d7);
}

.diceBox {
  width: 100%;
  height: 150px;
  border-radius: 10px;
  background: url(https://mp-f3b68706-562e-4e88-9436-5e8c05efc576.cdn.bspapp.com/cloudstorage/6edb7b63-665e-4e02-8a81-2a1a2e15ec90.png) no-repeat;
  background-size: cover;
}

.hoverDice {
  transform: scale(0.9);
}

.fingerBox {
  margin-top: 20px;
  width: 100%;
  height: 180px;
  border-radius: 20px;
  background: url(https://mp-f3b68706-562e-4e88-9436-5e8c05efc576.cdn.bspapp.com/cloudstorage/29256108-7f34-4963-b11c-912c5561f245.png) no-repeat;
  background-size: cover;
}
.hoverFinger{
  transform: scale(0.9);
}